﻿html{height:100%; min-width:1280px; }

body{ 
background-color:white;
width:100%;
height:100%; 
background-repeat:repeat;
color:#ffffff;
font:14px normal Microsoft YaHei;
margin: 0 auto;
}

.img-full {
    width:100%;
    height:100%;
}

.bgcolor {
  background-color: #0064AA;
}

#topBar {
    width:100%;
    height:80px;
    background-color:white;
}

.topBar {
    position:relative;
    background-image: url('/Cust/CustImg/top_bg.jpg');
    padding:12px;
    color:black;
    font-size:17px;
    font-family:SimHei;
    width:100%;
    height:80px;
}

.navBar {
    /*height:76px;*/
    background-image: url('/Cust/CustImg/nav_bg.jpg');
    clear:both;
    width:100%;
    position: relative;
	z-index: 2;
    margin-bottom:0;
}

.narBarItem {
    height:100%;
    font-size:18px;
    float:left;
    position:relative;
}

.narBarItem div {
    color:white;
    font-size:18px;
    text-decoration:none;
    cursor:pointer;
    padding:15px 22px;
    width:100%;
    height:100%;
}

/*.carousel-control.left {
    background-image:none;
}

.carousel-control.right {
    background-image:none;
}*/
.btn-prve{
	position: absolute;
	left:10px;
	top:50%;
	width:40px;
	height:40px;
	margin-top:-78px;
	display: block;
	text-indent: -9999px;
	background: url(/Cust/CustImg/prve.png) no-repeat center center;
	background-size:100% auto;
    cursor:pointer;
}
.btn-next{
	position: absolute;
	right:10px;
	top:50%;
	width:40px;
	height:40px;
	margin-top:-78px;
	display: block;
	text-indent: -9999px;
	background: url(/Cust/CustImg/next.png) no-repeat center center;
	background-size:100% auto;
    cursor:pointer;
}

#footer {
    position:fixed;
    z-index:999;
    bottom:0px;left:0px;
    width:100%;
    overflow:hidden;
    background-image: url('/Cust/CustImg/footer_bg.jpg');
    clear:both;
    width:100%;
    height:55px;
    padding-top:15px;
    line-height:18px;
}
#container {
    width:100%;
    height:100%;
    padding-top:130px;
    /*padding-bottom:55px;*/
    overflow-x:hidden;
    /*overflow-y:auto;*/
    margin:0 auto;
}

.banner {
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
}

#ngbar li{
	list-style: none;
	float: left;
	width: auto;
    min-width:130px;
}

.split {
    background-image:url('/Cust/CustImg/split.jpg');
    background-repeat:no-repeat;
    background-position:right;
}

.active a{
    color:#17d0ff;
}

#newsBar {
    position:fixed;
    left:0px;
    z-index:99;
    bottom:0px;
    font-size:18px;
    width:100%;
    height:100px;
    background-image:url('/Cust/CustImg/bg_bar.png');
}

#newsBar .newsBarItem {
    float:left;
    height:94px;
    width: 480px;
    border:1px rgb(83,87,90) solid;
    margin:3px;
    overflow:hidden;
}

#newsBar img {
    height:90px;
 }

.newsContent {
    font-size:13px;
    line-height:22px;
    background-image:url('/Cust/CustImg/border.png');
    background-repeat:no-repeat;
    background-position:bottom;
}

.normal {
    width:1000px;
    margin:0 auto;
    min-width:1000px;
}

.hdTitle {
    padding:1px 0 20px 0;
    color:black;
    font-size:26px;
    font-family:SimHei;
    border-bottom:1px #aaa solid;
}

.subTitle{
    padding:5px 0 0px 0;
    color:black;
    font-size:20px;
    font-family:SimHei;
}

.subContent{
    padding:0px 0 10px 0;
    color:#666;
    font-size:16px;
    font-family:SimHei;
    line-height:22px;
}

.subSplit {
    width:45px;
    height:1px;
    margin:10px 0 ;
    border-bottom:1px rgb(24,122,185) solid;
}

.mbtn {
    width:212px;
    height:36px;
    background-color:rgb(24,122,185);
    border:none;
    color:white;
    font-size:16px;
    letter-spacing:3px;
    font-family:'Microsoft YaHei';
}

.gbtn {
    width:212px;
    height:36px;
    background-color:gray;
    border:none;
    color:white;
    font-size:16px;
    letter-spacing:3px;
    font-family:'Microsoft YaHei';
    cursor:initial;
}

#productlist {
    width:955px;
    padding-top:30px;
    margin:0 auto;
    padding-left:10px;
}

#productlist .pitem {
    height:330px;
    width:220px;
    margin:8px;
    float:left;
    position:relative;
    overflow:hidden;
    cursor:pointer;
}

#productlist .mask1 {
    width:100%;
    position:absolute;
    bottom:2px;
    height:40px;
    background-image:url('/Cust/CustImg/mask.png');
    font-size: 20px;
    font-family:SimHei;
    letter-spacing:2px;
    padding:5px;
    text-align:center;
    
}

#productlist .mask2 {
    width:100%;
    position:absolute;
    bottom:2px;
    height:0px;
    overflow:hidden;
    background-image:url('/Cust/CustImg/mask.png');
    font-size: 20px;
    font-family:SimHei;
    letter-spacing:2px;
    padding-top:80px;
    text-align:center;
    display:none;
}

.maskName {
    margin-bottom:50px;
    font-size: 22px;
}

.rbtn {
    border-radius:6px;
    background-color:white;
    color:#378ec5;
    font-family:SimHei;
    font-size:16px;
    padding:6px;
    border:none;
    width:110px;
}

.pptitle {
    font-size:20px;
    color:rgb(24,118,180);
    font-family:SimHei;
    padding-left:15px;
    clear:both;
    
}

.ppsplit {
    height:1px;
    margin:0px 0 ;
    border-bottom:1px rgb(204,204,204) solid;
    clear:both;
}

.ppsub {
    font-size:16px;
    color:#333;
    font-family:SimHei;
    padding-bottom:25px;
    line-height:22px;
}

.newsItem {
    height:50px;
    width:100%;
    margin-bottom:3px;
    cursor:pointer;
}

.newsItem:hover {
    background-color:rgb(224,222,185);
}

.newsDate {
    height:50px;
    width:70px;
    float:left;
    text-align:center;
    font-family: 'Microsoft YaHei';
}

.newsDay {
    width:70px;
    border-bottom:1px #ccc solid;
    color:#666;
    font-size:21px;
    font-weight:bold;
}

.newsym {
    height:20px;
    width:70px;
    color:#ccc;
    font-size:14px;
}

.newsText {
    width:550px; padding:3px;margin-left:15px; float:left; overflow:hidden;
}

.newsTitle {
    color:black;
    font-size:16px;
    width:100%;
    font-weight:bold;
    font-family: SimHei;
}

.newsText2 {
    font-size:14px;
    color:#aaa;
    text-overflow:ellipsis;
    text-wrap: none;
    white-space:nowrap; 
    overflow:hidden;
    padding-top:5px;
    font-family: 'Microsoft YaHei';
}

.langbtnCN {
width:130px;height:26px;
/*background-color:rgb(4,175,219);*/
color:white;
padding:2px;
line-height:22px;
font-size:13px;
padding-left:35px;
background-image:url(/Cust/CustImg/CN_white.png);
background-repeat:no-repeat;
background-position:5px;
}

.langbtnEN {
width:130px;height:26px;
/*background-color:rgb(4,175,219);*/
color:white;
padding:2px;
line-height:22px;
font-size:13px;
padding-left:35px;
background-image:url(/Cust/CustImg/EN_white.png);
background-repeat:no-repeat;
background-position:5px;
}

.langbtnCN:hover {
    background-image:url(/Cust/CustImg/CN_black.png);
    color:black;
    background-color:rgb(26,159,176);
}

.langbtnEN:hover {
    background-image:url(/Cust/CustImg/EN_black.png);
    color:black;
    background-color:rgb(26,159,176);
}

#detailContent img {
    max-width:100%;

}

.submenu {
    background-image: url('/Cust/CustImg/nav_bg.jpg');
    position:absolute;
    z-index:9999;
    padding-top:3px;
    top:48px;
    left:0px;
    width:130px;
    padding:0px;
    display:none;
    border-top:2px rgb(4,175,219) solid;
}

    .submenu li {
        padding:5px;
        margin:0px;
        height:28px;
        font-size:14px;
        text-align:center;
        cursor:pointer;
        border-bottom:1px lightgrey solid;
        position:relative;
    }

    .submenu li:hover {
        background-color:rgb(4,175,219);
    }

.sub3menu {
        background-image: url('/Cust/CustImg/nav_bg.jpg');
    position:absolute;
    z-index:19999;
    top:0px;
    left:131px;
    width:130px;
    padding:0px;
    display:none;
}

    .sub3menu li {
        padding:5px;
        margin:0px;
        height:28px;
        font-size:14px;
        text-align:center;
        cursor:pointer;
        border-bottom:1px lightgrey solid;
    }

    .sub3menu li:hover {
        background-color:rgb(4,175,219);
    }



#sideMenus {
   position: absolute;
   z-index:19999;
   left: 10px;
   top: 280px;
   width: 130px;
   font-size: 14px;
   /*font-family: SimHei;*/
   cursor: pointer;
   /*border: solid 1px #e5e3da;
   padding:2px;*/
}

    .subNavBox {
        width: 130px;
        border: solid 1px #e5e3da;
    }

    .subNav {
        border-bottom: solid 1px #e5e3da;
        cursor: pointer;
        font-weight: bold;
        font-size: 14px;
        color: #999;
        line-height: 28px;
        padding-left: 10px;
        background: url(images/jiantou1.jpg) no-repeat;
        background-position: 95% 50%;
    }

        .subNav:hover {
            background-color: rgb(4,175,219);
        }

    .currentDd {
        background-image: url('/Cust/CustImg/nav_bg.jpg');
        color:white;
    }

    .navContent {
        display: none;
        border-bottom: solid 1px #e5e3da;
        margin:0px;
        padding:0px;
    }

        .navContent li a {
            display: block;
            width: 130px;
            height: 28px;
            text-align: center;
            font-size: 14px;
            line-height: 28px;
            color: #333;
        }

            .navContent li a:hover {
                color: #fff;
                background-color: #277fc2;
            }


.navTip {
    
}

    .navTip:after {
        position:absolute;
        right:3px;
        content:'>';
        color:white;
        font-size:14px;
    }


.sub3nav {
    height:50px;
    font-size:14px;
    color:black;
    float:right;
    font-family:SimHei;
    margin-bottom:0px;
}

    .sub3nav li {
	list-style: none;
	float: left;
	width: auto;
    min-width:120px;
    text-align:center;
    padding-top:5px;
    height:40px;
    cursor:pointer;
    color:#69696d;
    }

    .sub3nav .active {
       /*
       color:blue;
       font-family:'Microsoft YaHei';
       */
       font-size:15px;
       color:black;
    }

.sub2nav {
    height:50px;
    font-size:16px;
    color:black;
    float:left;
    font-family:SimHei;
    clear:both;
    margin:0px;
    padding:0px;
}

.sub2nav li{
	list-style: none;
	float: left;
	width: auto;
    min-width:120px;
    text-align:center;
    height:40px;
    background-color:#f1eff1;
    padding:8px;
    margin-right:5px;
    cursor:pointer;
}

.sub2nav .active{
    background-color:#1775B2;
    color:white;
}

#bcNav {
    float:left;
    padding:5px;
}
    #bcNav a {
        color:#777;
    }
